.wp{
  .author{
    .author-title{
      .title{
        .px2rem(margin-top,44);
        .px2rem(margin-bottom,29);
        .px2rem(font-size,34);
        font-weight: 100;
      }

    }
    .author-name{
      .top-photo{
        border-radius: 50% 50%;
        .px2rem(margin-right,12);
        .px2rem(width,33);
        .px2rem(height,33);
        float:left;
      }
      .my-name{
        .px2rem(font-size,20);
        color: #000;
        font-family: '黑体';
        float:left;
        .px2rem(margin-top,8);

      }
      .time{
        float: right;
      }
      .span1{
        color: #999999;
        .px2rem(font-size,18);
      }
    }
    .author-content{
      .px2rem(margin-top,52);
      .px2rem(margin-bottom,52);
      .px2rem(font-size,32);
      .px2rem(line-height,52);
      color: #333;
    }
    .author-photo{
      .px2rem(margin-top,52);
      .px2rem(margin-bottom,52);
      img{
        width:100%;
      }
    }
  }
}
.grouping{
  .l-f-g1{
    text-align: center;
    display: block;
    .objs{
      .px2rem(padding-top,2);
      .px2rem(padding-bottom,2);
      .px2rem(padding-left,18);
      .px2rem(padding-right,18);
      .px2rem(font-size,24);
      .px2rem(border-radius,22);
      border:1px solid #f85959;
      color: #f85959;
    }
  }
}
.share{
  .px2rem(padding-top,86);
  .px2rem(padding-bottom,70);
  text-align: center;
  a{
    display: block;
    img{
      .px2rem(width,70);
      .px2rem(height,70);
    }
  }
  .p{
    .px2rem(margin-top,8);
  }
}
.similar{
  .px2rem(padding-top,12);
  .px2rem(padding-bottom,56);
  .px2rem(padding-left,16);
  .px2rem(padding-right,16);
  background: #ffffff;
  border:1px solid #cccccc;
  li{
    .px2rem(font-size,24);
    .px2rem(line-height,50);
    .px2rem(margin-left,30);
    color: #666;
    list-style: disc;

  }
  .title{
    .px2rem(font-size,20);
    color: #999;
    list-style: none;

  }

}
.comment-s{
  .px2rem(padding-top,30);
  background: #f8f8f8;
  .comment-title{
    .px2rem(font-size,28);
    .px2rem(padding-left,28);
    color: #333;
  }
}
.comment-content{
  .px2rem(padding-left,26);
  .px2rem(padding-right,26);
  .px2rem(padding-bottom,56);
  .px2rem(padding-top,34);
  border-bottom:1px solid #cccccc ;
  .comment-name{
    .px2rem(padding-bottom,34);
    .name-img{
      float: left;
      .px2rem(width,56);
      .px2rem(height,56);
      .px2rem(margin-right,12);
      img{
        width:100%;
        height: 100%;
        border-radius: 50%;
      }
    }
    .name-name{
      float: left;
      .my-name{
        .px2rem(font-size,26);
          .px2rem(height,34);
          color: #666;
      }
      .my-time{
        .px2rem(font-size,18);
        color: #999;
      }
    }
    .name-dian{
      float: right;
      .dian{
        color: #999;
        position: relative;
          padding-right:4px;
          img{
          .px2rem(width,22);
          .px2rem(height,21);
        }
      }
      .red{
        color: #d43d3d;
      }
      .add {
        display: none;
        position: absolute;
        .px2rem(top, -20);
        .px2rem(left, 12);
      }
    }
  }
  .comment-word{
    .px2rem(padding-left,66);
    .px2rem(font-size,26);
    .px2rem(line-height,42);
    color: #666666;
  }
}
